<template>
	<div class="Main">
		<div class="MainHeader">
		<el-row :gutter="20" style="min-width:1000px">
  			<el-col style="width:19%;height:1.5rem;background-color:#E6E9F0;margin-right:.2rem"><router-link to="#"><div style="line-height:1.5rem;text-align:center;font-size:.4rem;font-weight:bold" class="grid-content bg-purple">{{Indexspan.span1}}</div></router-link></el-col>
  			<el-col style="width:19%;height:1.5rem;background-color:#E6E9F0;margin-right:.2rem"><router-link to="#"><div style="line-height:1.5rem;text-align:center;font-size:.4rem;font-weight:bold" class="grid-content bg-purple">{{Indexspan.span2}}</div></router-link></el-col>
  			<el-col style="width:19%;height:1.5rem;background-color:#E6E9F0;margin-right:.2rem"><router-link to="#"><div style="line-height:1.5rem;text-align:center;font-size:.4rem;font-weight:bold" class="grid-content bg-purple">{{Indexspan.span3}}</div></router-link></el-col>
  			<el-col style="width:19%;height:1.5rem;background-color:#E6E9F0;margin-right:.2rem"><router-link to="#"><div style="line-height:1.5rem;text-align:center;font-size:.4rem;font-weight:bold" class="grid-content bg-purple">{{Indexspan.span4}}</div></router-link></el-col>
			<el-col style="width:19%;height:1.5rem;background-color:#E6E9F0;margin-right:.2rem"><router-link to="#"><div style="line-height:1.5rem;text-align:center;font-size:.4rem;font-weight:bold" class="grid-content bg-purple">{{Indexspan.span5}}</div></router-link></el-col>
		</el-row>
		</div>
		<div class="Mainbody" style="margin-top:.5rem;min-width:1000px">
			<el-row :gutter="20">
				<ve-line :data="chartData"></ve-line>
			</el-row>
		</div>
		<div style="min-width:1000px">
			<el-row :gutter="20" class="MainBodyPie">
				<el-col :span="12">
					<div class="vePie"><ve-pie :data="charData1"></ve-pie></div>
				</el-col>
				<el-col :span="12">
					<div class="vePie"><ve-pie :data="charData2"></ve-pie></div>
				</el-col>
			</el-row>
		</div>
	</div>
</template>

<script>
	export default {
		name : "index",
		data(){
			return{
				Indexspan:{
					span1 : "0 待派车",
					span2 : "1 待提货",
					span3 : "0 待送达",
					span4 : "0 待回单",
					span5 : "2 异常事件"
				},
				chartData:{
					columns:['日期','东莞华贝-中央仓','虎门长城-中央仓','寮步售后-东莞华贝','惠州大亚湾','大亚湾光弘'],
					rows:[
						{'日期':'2017-6','东莞华贝-中央仓':2021,'虎门长城-中央仓':4441,'寮步售后-东莞华贝':100,'惠州大亚湾':624,'大亚湾光弘':540},
						{'日期':'2017-7','东莞华贝-中央仓':3414,'虎门长城-中央仓':7474,'寮步售后-东莞华贝':1041,'惠州大亚湾':2021,'大亚湾光弘':1440},
						{'日期':'2017-8','东莞华贝-中央仓':4414,'虎门长城-中央仓':5754,'寮步售后-东莞华贝':2201,'惠州大亚湾':4044,'大亚湾光弘':2040},
						{'日期':'2017-9','东莞华贝-中央仓':5441,'虎门长城-中央仓':7977,'寮步售后-东莞华贝':3011,'惠州大亚湾':5014,'大亚湾光弘':5040},
						{'日期':'2017-10','东莞华贝-中央仓':6114,'虎门长城-中央仓':9788,'寮步售后-东莞华贝':4140,'惠州大亚湾':7077,'大亚湾光弘':8070},
						{'日期':'2017-11','东莞华贝-中央仓':8741,'虎门长城-中央仓':10150,'寮步售后-东莞华贝':5414,'惠州大亚湾':9040,'大亚湾光弘':11011}
					]
				},
				charData1:{
					columns:['warehouse','amount'],
					rows:[
							{'warehouse':'大亚湾光弘','amount':540},
						{'warehouse':'福盛-大亚湾','amount':5441},
						{'warehouse':'虎门长城-中央仓','amount':7977},
						{'warehouse':'寮步售后-东莞华贝','amount':3011},
						{'warehouse':'昔光-售后','amount':3300},
						{'warehouse':'其他','amount':540},
						{'warehouse':'华贝-中央仓','amount':540},
						{'warehouse':'盐田、中外运','amount':540},
						{'warehouse':'售后-龙华','amount':3444}
					]
				},
				charData2:{
					columns:['warehouse','amount'],
					rows:[
						{'warehouse':'大亚湾光弘','amount':540},
						{'warehouse':'福盛-大亚湾','amount':5441},
						{'warehouse':'虎门长城-中央仓','amount':7977},
						{'warehouse':'寮步售后-东莞华贝','amount':3011},
						{'warehouse':'昔光-售后','amount':3300},
						{'warehouse':'其他','amount':540},
						{'warehouse':'华贝-中央仓','amount':540},
						{'warehouse':'盐田、中外运','amount':540},
						{'warehouse':'售后-龙华','amount':3444}
					]
				}
			}
		}
	}
</script>

<style scoped>
	.Main .Mainbody{
	}
	.Main .Mainbody .MainBodyPie{
		
	}
</style>